@dynamicforms/vuetify-inputs 0.6.6 → 0.7.0

package/dist/dynamicforms-vuetify-inputs.js

@@ -1,41 +1,41 @@
-var ot = Object.defineProperty, at = Object.defineProperties;
-var lt = Object.getOwnPropertyDescriptors;
-var $e = Object.getOwnPropertySymbols;
-var rt = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
-var Te = (e, t, n) => t in e ? ot(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, x = (e, t) => {
+var tt = Object.defineProperty, nt = Object.defineProperties;
+var ot = Object.getOwnPropertyDescriptors;
+var Ee = Object.getOwnPropertySymbols;
+var at = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable;
+var je = (e, t, n) => t in e ? tt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, x = (e, t) => {
   for (var n in t || (t = {}))
-    rt.call(t, n) && Te(e, n, t[n]);
-  if ($e)
-    for (var n of $e(t))
-      it.call(t, n) && Te(e, n, t[n]);
+    at.call(t, n) && je(e, n, t[n]);
+  if (Ee)
+    for (var n of Ee(t))
+      lt.call(t, n) && je(e, n, t[n]);
   return e;
-}, U = (e, t) => at(e, lt(t));
-var Ae = (e, t, n) => Te(e, typeof t != "symbol" ? t + "" : t, n);
+}, O = (e, t) => nt(e, ot(t));
+var $e = (e, t, n) => je(e, typeof t != "symbol" ? t + "" : t, n);
 var ge = (e, t, n) => new Promise((a, l) => {
   var r = (i) => {
     try {
-      p(n.next(i));
-    } catch (d) {
-      l(d);
+      m(n.next(i));
+    } catch (p) {
+      l(p);
     }
   }, s = (i) => {
     try {
-      p(n.throw(i));
-    } catch (d) {
-      l(d);
+      m(n.throw(i));
+    } catch (p) {
+      l(p);
     }
-  }, p = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(r, s);
-  p((n = n.apply(e, t)).next());
+  }, m = (i) => i.done ? a(i.value) : Promise.resolve(i.value).then(r, s);
+  m((n = n.apply(e, t)).next());
 });
-import * as Ne from "vue";
-import { defineComponent as O, mergeModels as Me, useModel as st, ref as M, watch as ue, onMounted as Xe, markRaw as ut, onBeforeUnmount as Ge, createBlock as P, openBlock as V, resolveDynamicComponent as he, version as ct, isRef as oe, computed as w, resolveComponent as N, createElementBlock as W, normalizeClass as q, createCommentVNode as H, Fragment as De, unref as o, createTextVNode as dt, toDisplayString as Se, inject as _e, h as we, createSlots as Pe, withCtx as g, createVNode as I, renderSlot as se, normalizeProps as ee, guardReactiveProps as te, createElementVNode as ae, renderList as mt, withModifiers as pt, mergeDefaults as Y, mergeProps as R, normalizeStyle as qe, toRefs as je, withKeys as Le, useCssVars as ft, nextTick as Fe } from "vue";
-import { debounce as vt, isString as ne, isEmpty as ve, isObjectLike as ht, isBoolean as Ue, clone as bt, toNumber as He, isNaN as Oe, isArray as Re, castArray as Ye, first as Qe, unionBy as gt } from "lodash-es";
+import * as Ae from "vue";
+import { defineComponent as H, mergeModels as Ne, useModel as rt, ref as F, watch as ue, onMounted as Ke, markRaw as it, onBeforeUnmount as Xe, createBlock as D, openBlock as V, resolveDynamicComponent as he, version as st, isRef as ae, computed as b, unref as o, resolveComponent as N, createElementBlock as W, normalizeClass as Y, createCommentVNode as U, Fragment as Ie, createTextVNode as ut, toDisplayString as Pe, inject as Te, createSlots as De, withCtx as w, createVNode as B, renderSlot as se, normalizeProps as te, guardReactiveProps as ne, createElementVNode as le, renderList as ct, withModifiers as dt, mergeDefaults as Q, mergeProps as R, normalizeStyle as Ge, toRefs as Ce, withKeys as Fe, useCssVars as mt, nextTick as Me } from "vue";
+import { debounce as pt, isString as oe, isEmpty as ve, isObjectLike as ft, isBoolean as Le, clone as vt, toNumber as Ue, isNaN as He, isArray as Oe, castArray as qe, first as Ye, unionBy as ht } from "lodash-es";
 import { CachedIcon as be } from "vue-cached-icon";
-import We, { MdString as wt, ValidationErrorRenderContent as yt, DisplayMode as X, Action as kt } from "@dynamicforms/vue-forms";
-import Ze from "vue-markdown-render";
+import Re, { MessagesWidget as bt, MdString as gt, ValidationErrorRenderContent as wt, DisplayMode as X, Action as yt } from "@dynamicforms/vue-forms";
+import kt from "vue-markdown-render";
 import { useDisplay as Vt } from "vuetify";
 import { format as me, parse as Ct } from "date-fns";
-import { AccessibilityHelp as jt, Alignment as Tt, AutoImage as _t, AutoLink as Bt, Autosave as It, BalloonToolbar as Dt, BlockQuote as Pt, Bold as St, CloudServices as xt, Essentials as Et, GeneralHtmlSupport as $t, Heading as At, HorizontalLine as Nt, ImageBlock as Mt, ImageCaption as Lt, ImageInline as Ft, ImageInsertViaUrl as Ut, ImageResize as Ht, ImageStyle as Ot, ImageToolbar as Rt, ImageUpload as Wt, Indent as zt, IndentBlock as Kt, Italic as Xt, Link as Gt, List as qt, Autoformat as Yt, MediaEmbed as Qt, Paragraph as Zt, PasteFromMarkdownExperimental as Jt, PasteFromOffice as en, SelectAll as tn, Style as nn, Table as on, TableCellProperties as an, TableColumnResize as ln, TableProperties as rn, TableToolbar as sn, Undo as un, TextTransformation as cn, Base64UploadAdapter as dn, ClassicEditor as mn } from "ckeditor5";
+import { AccessibilityHelp as jt, Alignment as Tt, AutoImage as _t, AutoLink as Bt, Autosave as It, BalloonToolbar as Dt, BlockQuote as Pt, Bold as St, CloudServices as xt, Essentials as Et, GeneralHtmlSupport as $t, Heading as At, HorizontalLine as Nt, ImageBlock as Ft, ImageCaption as Mt, ImageInline as Lt, ImageInsertViaUrl as Ut, ImageResize as Ht, ImageStyle as Ot, ImageToolbar as Rt, ImageUpload as Wt, Indent as zt, IndentBlock as Kt, Italic as Xt, Link as Gt, List as qt, Autoformat as Yt, MediaEmbed as Qt, Paragraph as Zt, PasteFromMarkdownExperimental as Jt, PasteFromOffice as en, SelectAll as tn, Style as nn, Table as on, TableCellProperties as an, TableColumnResize as ln, TableProperties as rn, TableToolbar as sn, Undo as un, TextTransformation as cn, Base64UploadAdapter as dn, ClassicEditor as mn } from "ckeditor5";
 import { VAutocomplete as pn } from "vuetify/components/VAutocomplete";
 import { VBtn as fn } from "vuetify/components/VBtn";
 import { VCheckbox as vn } from "vuetify/components/VCheckbox";
@@ -72,9 +72,9 @@ new Array(256).fill("").map((e, t) => ("0" + t.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 Mn(e, t) {
+function Fn(e, t) {
   const n = e.extraPlugins || [];
-  return U(x({}, e), {
+  return O(x({}, e), {
     extraPlugins: [
       ...n,
       ...t.filter((a) => !n.includes(a))
@@ -85,25 +85,25 @@ function Mn(e, 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 Je(e) {
+function Qe(e) {
   return !!e && /^\d+\.\d+\.\d+/.test(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 et(e) {
+function Ze(e) {
   return e ? ["nightly", "alpha", "internal", "nightly-", "staging"].some((t) => e.includes(t)) : !1;
 }
-function Ln(e) {
-  return Je(e) || et(e);
+function Mn(e) {
+  return Qe(e) || Ze(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 Fn(e) {
-  if (!Je(e))
+function Ln(e) {
+  if (!Qe(e))
     throw new Error(`Invalid semantic version: ${e || "<blank>"}.`);
   const [t, n, a] = e.split(".");
   return {
@@ -117,9 +117,9 @@ function Fn(e) {
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 function Un(e) {
-  if (et(e))
+  if (Ze(e))
     return 3;
-  const { major: t } = Fn(e);
+  const { major: t } = Ln(e);
   switch (!0) {
     case t >= 44:
       return 3;
@@ -135,7 +135,7 @@ function Un(e) {
  */
 function Hn() {
   const { CKEDITOR_VERSION: e, CKEDITOR: t } = window;
-  return Ln(e) ? {
+  return Mn(e) ? {
     source: t ? "cdn" : "npm",
     version: e
   } : null;
@@ -152,7 +152,7 @@ function On() {
  * @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 tt(e, t) {
+function Je(e, t) {
   switch (t || (t = On() || void 0), t) {
     case 1:
     case 2:
@@ -169,7 +169,7 @@ function tt(e, t) {
  */
 function Rn(e, t) {
   return function(a) {
-    tt(a.config.get("licenseKey")) || a.on("collectUsageData", (l, { setUsageData: r }) => {
+    Je(a.config.get("licenseKey")) || a.on("collectUsageData", (l, { setUsageData: r }) => {
       r(`integration.${e}`, t);
     });
   };
@@ -182,7 +182,7 @@ const Wn = Rn(
   "vue",
   {
     version: "7.3.0",
-    frameworkVersion: ct
+    frameworkVersion: st
   }
 );
 /**
@@ -190,7 +190,7 @@ const Wn = Rn(
  * For licensing, see LICENSE.md.
  */
 function zn(e) {
-  return tt(e.licenseKey) ? e : Mn(e, [
+  return Je(e.licenseKey) ? e : Fn(e, [
     /**
      * 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
@@ -199,10 +199,10 @@ function zn(e) {
     Wn
   ]);
 }
-const Be = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Kn = 300, Xn = /* @__PURE__ */ O({
+const _e = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Kn = 300, Xn = /* @__PURE__ */ H({
   name: "CKEditor",
   __name: "ckeditor",
-  props: /* @__PURE__ */ Me({
+  props: /* @__PURE__ */ Ne({
     editor: {},
     config: { default: () => ({}) },
     tagName: { default: "div" },
@@ -212,49 +212,49 @@ const Be = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Kn = 300, Xn =
     modelValue: { type: String, default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Me(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ Ne(["ready", "destroy", "blur", "focus", "input", "update:modelValue"], ["update:modelValue"]),
   setup(e, { expose: t, emit: n }) {
-    const a = st(e, "modelValue"), l = e, r = n, s = M(), p = M(), i = M();
+    const a = rt(e, "modelValue"), l = e, r = n, s = F(), m = F(), i = F();
     t({
-      instance: p,
+      instance: m,
       lastEditorData: i
-    }), ue(a, (m) => {
-      p.value && m !== i.value && p.value.data.set(m);
-    }), ue(() => l.disabled, (m) => {
-      m ? p.value.enableReadOnlyMode(Be) : p.value.disableReadOnlyMode(Be);
+    }), ue(a, (d) => {
+      m.value && d !== i.value && m.value.data.set(d);
+    }), ue(() => l.disabled, (d) => {
+      d ? m.value.enableReadOnlyMode(_e) : m.value.disableReadOnlyMode(_e);
     });
-    function d() {
-      const m = window.CKEDITOR_VERSION;
-      if (!m)
+    function p() {
+      const d = window.CKEDITOR_VERSION;
+      if (!d)
         return console.warn('Cannot find the "CKEDITOR_VERSION" in the "window" scope.');
-      const [b] = m.split(".").map(Number);
-      b >= 42 || m.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
+      const [y] = d.split(".").map(Number);
+      y >= 42 || d.startsWith("0.0.0") || console.warn("The <CKEditor> component requires using CKEditor 5 in version 42+ or nightly build.");
     }
-    function v(m) {
-      const b = vt((c) => {
+    function h(d) {
+      const y = pt((c) => {
         if (l.disableTwoWayDataBinding)
           return;
-        const T = i.value = m.data.get();
-        r("update:modelValue", T, c, m), r("input", T, c, m);
+        const j = i.value = d.data.get();
+        r("update:modelValue", j, c, d), r("input", j, c, d);
       }, Kn, { leading: !0 });
-      m.model.document.on("change:data", b), m.editing.view.document.on("focus", (c) => {
-        r("focus", c, m);
-      }), m.editing.view.document.on("blur", (c) => {
-        r("blur", c, m);
+      d.model.document.on("change:data", y), d.editing.view.document.on("focus", (c) => {
+        r("focus", c, d);
+      }), d.editing.view.document.on("blur", (c) => {
+        r("blur", c, d);
       });
     }
-    return d(), Xe(() => {
-      const m = zn(
+    return p(), Ke(() => {
+      const d = zn(
         Object.assign({}, l.config)
       );
-      a.value && (m.initialData = a.value), l.editor.create(s.value, m).then((b) => {
-        p.value = ut(b), v(b), a.value !== m.initialData && b.data.set(a.value), l.disabled && b.enableReadOnlyMode(Be), r("ready", b);
-      }).catch((b) => {
-        console.error(b);
+      a.value && (d.initialData = a.value), l.editor.create(s.value, d).then((y) => {
+        m.value = it(y), h(y), a.value !== d.initialData && y.data.set(a.value), l.disabled && y.enableReadOnlyMode(_e), r("ready", y);
+      }).catch((y) => {
+        console.error(y);
       });
-    }), Ge(() => {
-      p.value && (p.value.destroy(), p.value = void 0), r("destroy");
-    }), (m, b) => (V(), P(he(m.tagName), {
+    }), Xe(() => {
+      m.value && (m.value.destroy(), m.value = void 0), r("destroy");
+    }), (d, y) => (V(), D(he(d.tagName), {
       ref_key: "element",
       ref: s
     }, null, 512));
@@ -265,7 +265,7 @@ const Be = "Lock from Vue integration (@ckeditor/ckeditor5-vue)", Kn = 300, Xn =
  * For licensing, see LICENSE.md.
  */
 /* istanbul ignore if -- @preserve */
-if (!Ne.version || !Ne.version.startsWith("3."))
+if (!Ae.version || !Ae.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"
   );
@@ -584,7 +584,7 @@ const Zn = (e, t, n) => {
   }
   return a;
 };
-function Ie(e) {
+function Be(e) {
   return (t = {}) => {
     const n = t.width ? String(t.width) : e.defaultWidth;
     return e.formats[n] || e.formats[e.defaultWidth];
@@ -606,15 +606,15 @@ const Jn = {
   medium: "{{date}} {{time}}",
   short: "{{date}} {{time}}"
 }, no = {
-  date: Ie({
+  date: Be({
     formats: Jn,
     defaultWidth: "full"
   }),
-  time: Ie({
+  time: Be({
     formats: eo,
     defaultWidth: "full"
   }),
-  dateTime: Ie({
+  dateTime: Be({
     formats: to,
     defaultWidth: "full"
   })
@@ -656,11 +656,11 @@ function pe(e) {
     const a = n != null && n.context ? String(n.context) : "standalone";
     let l;
     if (a === "formatting" && e.formattingValues) {
-      const s = e.defaultFormattingWidth || e.defaultWidth, p = n != null && n.width ? String(n.width) : s;
-      l = e.formattingValues[p] || e.formattingValues[s];
+      const s = e.defaultFormattingWidth || e.defaultWidth, m = n != null && n.width ? String(n.width) : s;
+      l = e.formattingValues[m] || e.formattingValues[s];
     } else {
-      const s = e.defaultWidth, p = n != null && n.width ? String(n.width) : e.defaultWidth;
-      l = e.values[p] || e.values[s];
+      const s = e.defaultWidth, m = n != null && n.width ? String(n.width) : e.defaultWidth;
+      l = e.values[m] || e.values[s];
     }
     const r = e.argumentCallback ? e.argumentCallback(t) : t;
     return l[r];
@@ -810,17 +810,17 @@ function fe(e) {
     const a = n.width, l = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], r = t.match(l);
     if (!r)
       return null;
-    const s = r[0], p = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], i = Array.isArray(p) ? vo(p, (m) => m.test(s)) : (
+    const s = r[0], m = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], i = Array.isArray(m) ? vo(m, (d) => d.test(s)) : (
       // [TODO] -- I challenge you to fix the type
-      fo(p, (m) => m.test(s))
+      fo(m, (d) => d.test(s))
     );
-    let d;
-    d = e.valueCallback ? e.valueCallback(i) : i, d = n.valueCallback ? (
+    let p;
+    p = e.valueCallback ? e.valueCallback(i) : i, p = n.valueCallback ? (
       // [TODO] -- I challenge you to fix the type
-      n.valueCallback(d)
-    ) : d;
-    const v = t.slice(s.length);
-    return { value: d, rest: v };
+      n.valueCallback(p)
+    ) : p;
+    const h = t.slice(s.length);
+    return { value: p, rest: h };
   };
 }
 function fo(e, t) {
@@ -841,8 +841,8 @@ function ho(e) {
     if (!r) return null;
     let s = e.valueCallback ? e.valueCallback(r[0]) : r[0];
     s = n.valueCallback ? n.valueCallback(s) : s;
-    const p = t.slice(l.length);
-    return { value: s, rest: p };
+    const m = t.slice(l.length);
+    return { value: s, rest: m };
   };
 }
 const bo = /^(\d+)\./i, go = /\d+/i, wo = {
@@ -984,11 +984,26 @@ const bo = /^(\d+)\./i, go = /\d+/i, wo = {
     firstWeekContainsDate: 1
   }
 }, So = {
-  dateTimeLocale: M(Po),
+  dateTimeLocale: F(Po),
   setDateTimeLocale(e) {
-    oe(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
+    ae(e) ? this.dateTimeLocale = e : this.dateTimeLocale.value = e;
+  }
+}, q = /* @__PURE__ */ H({
+  __name: "df-input-hint",
+  props: {
+    errors: { default: "" },
+    message: { default: "" },
+    errorClasses: { default: "text-error" },
+    messageClasses: { default: "" }
+  },
+  setup(e) {
+    const t = e, n = b(() => t.errors ? typeof t.errors == "string" ? t.errors.trim().length > 0 : t.errors.length > 0 : !1), a = b(() => n.value ? t.errors : t.message), l = b(() => n.value ? t.errorClasses : t.messageClasses);
+    return (r, s) => (V(), D(o(bt), {
+      message: a.value,
+      classes: l.value
+    }, null, 8, ["message", "classes"]));
   }
-}, le = /* @__PURE__ */ O({
+}), re = /* @__PURE__ */ H({
   __name: "df-label",
   props: {
     data: {},
@@ -996,106 +1011,106 @@ const bo = /^(\d+)\./i, go = /\d+/i, wo = {
     allowWrap: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = w(() => t.data ? t.data.label : t.label.text);
+    const t = e, n = b(() => t.data ? t.data.label : t.label.text);
     return (a, l) => {
       const r = N("v-img");
       return V(), W("div", {
-        class: q(["df-label", { "allow-wrap": a.allowWrap }])
+        class: Y(["df-label", { "allow-wrap": a.allowWrap }])
       }, [
-        a.label.icon ? (V(), W(De, { key: 0 }, [
-          a.label.iconComponent === "v-icon" ? (V(), P(o(be), {
+        a.label.icon ? (V(), W(Ie, { key: 0 }, [
+          a.label.iconComponent === "v-icon" ? (V(), D(o(be), {
             key: 0,
             name: a.label.icon,
             size: "1.25em"
-          }, null, 8, ["name"])) : a.label.iconComponent === "v-img" ? (V(), P(r, {
+          }, null, 8, ["name"])) : a.label.iconComponent === "v-img" ? (V(), D(r, {
             key: 1,
             class: "icon",
             src: a.label.icon
-          }, null, 8, ["src"])) : (V(), P(he(a.label.iconComponent), {
+          }, null, 8, ["src"])) : (V(), D(he(a.label.iconComponent), {
             key: 2,
             src: a.label.icon
           }, null, 8, ["src"]))
-        ], 64)) : H("", !0),
-        n.value instanceof o(wt) ? (V(), P(o(Ze), {
+        ], 64)) : U("", !0),
+        n.value instanceof o(gt) ? (V(), D(o(kt), {
           key: 1,
           class: "markdown",
           source: n.value.toString(),
           options: n.value.options,
           plugins: n.value.plugins
-        }, null, 8, ["source", "options", "plugins"])) : (V(), W(De, { key: 2 }, [
-          dt(Se(n.value), 1)
+        }, null, 8, ["source", "options", "plugins"])) : (V(), W(Ie, { key: 2 }, [
+          ut(Pe(n.value), 1)
         ], 64))
       ], 2);
     };
   }
-}), nt = Symbol("vuetifyInputsSettingsKey");
+}), et = Symbol("vuetifyInputsSettingsKey");
 class xo {
   constructor(t, n, a = "v-icon") {
     this.text = t, this.icon = n, this.iconComponent = a;
   }
 }
-const Q = { enabled: void 0, clearable: !0 };
+const Z = { enabled: void 0, clearable: !0 };
 function G(e, t) {
-  const n = _e(nt, {}), a = M(null), l = w({
+  const n = Te(et, {}), a = F(null), l = b({
     get() {
       return e.control ? e.control.value : e.modelValue === void 0 ? a.value : e.modelValue;
     },
-    set(k) {
-      e.control && (e.control.value = k), e.modelValue === void 0 && (a.value = k), t("update:modelValue", k);
+    set(v) {
+      e.control && (e.control.value = v), e.modelValue === void 0 && (a.value = v), t("update:modelValue", v);
     }
   });
-  if (e.control && !(e.control instanceof We.FieldBase))
+  if (e.control && !(e.control instanceof Re.FieldBase))
     throw new Error("control prop is not a vue-form control instance");
-  const r = w({
+  const r = b({
     get() {
       return e.control.touched;
     },
-    set(k) {
-      e.control.touched = k;
+    set(v) {
+      e.control.touched = v;
     }
-  }), s = e.control ? r : M(!1), p = w(() => e.control ? e.control.valid : !0), i = w(
-    () => e.control ? e.control.errors : (e.errors || []).map((k) => new yt(k))
-  ), d = w(() => s.value && i.value.length > 0 ? " " : void 0), v = w(() => e.control ? e.control.enabled : e.enabled !== !1), m = w(
-    () => e.control ? e.control.visibility : e.visibility || We.DisplayMode.FULL
-  ), b = w(
-    () => ne(e.label || "") ? new xo(e.label || "") : e.label
-  ), c = w(() => e.placeholder || ""), T = w(() => e.helpText || ""), _ = w(() => e.hint || ""), y = w(() => e.cssClass || ""), h = w(
+  }), s = e.control ? r : F(!1), m = b(() => e.control ? e.control.valid : !0), i = b(
+    () => e.control ? e.control.errors : (e.errors || []).map((v) => new wt(v))
+  ), p = b(() => s.value && i.value.length > 0 ? " " : void 0), h = b(() => s.value ? i.value : void 0), d = b(() => e.control ? e.control.enabled : e.enabled !== !1), y = b(
+    () => e.control ? e.control.visibility : e.visibility || Re.DisplayMode.FULL
+  ), c = b(
+    () => oe(e.label || "") ? new xo(e.label || "") : e.label
+  ), j = b(() => e.placeholder || ""), T = b(() => e.helpText || ""), k = b(() => e.hint || ""), g = b(() => e.cssClass || ""), P = b(
     () => {
-      var k, C, F;
-      return (F = (C = (k = e.density) != null ? k : _e("field-density", null)) != null ? C : n.defaultDensity) != null ? F : "default";
+      var v, L, f;
+      return (f = (L = (v = e.density) != null ? v : Te("field-density", null)) != null ? L : n.defaultDensity) != null ? f : "default";
     }
-  ), E = w(() => h.value === "inline" ? "default" : h.value), L = w(
+  ), M = b(() => P.value === "inline" ? "default" : P.value), E = b(
     () => {
-      var k, C, F;
-      return (F = (C = (k = e.variant) != null ? k : _e("field-variant", null)) != null ? C : n.defaultVariant) != null ? F : "underlined";
+      var v, L, f;
+      return (f = (L = (v = e.variant) != null ? v : Te("field-variant", null)) != null ? L : n.defaultVariant) != null ? f : "underlined";
     }
   );
   return {
     value: l,
-    valid: p,
-    enabled: v,
+    valid: m,
+    enabled: d,
     errors: i,
-    visibility: m,
-    label: b,
+    showErrors: h,
+    visibility: y,
+    label: c,
     touched: s,
-    density: h.value,
-    densityClass: w(() => `df-density-${h.value}`),
-    vuetifyBindings: w(() => {
-      var k;
+    density: P.value,
+    densityClass: b(() => `df-density-${P.value}`),
+    vuetifyBindings: b(() => {
+      var v;
       return x({
-        name: (k = e.control) == null ? void 0 : k.fieldName,
-        class: y.value,
-        density: E.value,
-        variant: L.value,
-        label: b.value.text,
-        messages: d.value,
-        errorMessages: d.value,
+        name: (v = e.control) == null ? void 0 : v.fieldName,
+        class: g.value,
+        density: M.value,
+        variant: E.value,
+        label: c.value.text,
+        errorMessages: p.value,
         // 'error-count': errors?.value.length || 0,
-        readonly: !v.value,
-        disabled: !v.value,
-        placeholder: c.value,
-        "persistent-placeholder": !ve(c.value),
-        hint: _.value,
+        readonly: !d.value,
+        disabled: !d.value,
+        placeholder: j.value,
+        "persistent-placeholder": !ve(j.value),
+        hint: k.value,
         persistentHint: !0,
         // we want persistent hint always
         hideDetails: "auto",
@@ -1105,45 +1120,7 @@ function G(e, t) {
     })
   };
 }
-const re = /* @__PURE__ */ O({
-  __name: "messages-widget",
-  props: {
-    errors: {},
-    message: {},
-    classes: { default: "text-error" }
-  },
-  setup(e) {
-    const t = e, n = () => {
-      if (t.message !== " ") return we("span", { class: t.classes }, t.message);
-      const a = [];
-      return t.errors.forEach((l) => {
-        switch (l.componentName) {
-          case "template":
-            a.push(we("div", { class: t.classes }, l.componentBody));
-            break;
-          case "vue-markdown": {
-            const r = l.componentBindings;
-            a.push(
-              we(Ze, {
-                class: [t.classes, "df-messages-widget-markdown"],
-                source: r.source,
-                options: r.options,
-                plugins: r.plugins
-              })
-            );
-            break;
-          }
-          default:
-            a.push(
-              we(l.componentName, U(x({ class: t.classes }, l.componentBindings), { innerHTML: l.componentBody }))
-            );
-            break;
-        }
-      }), a;
-    };
-    return (a, l) => (V(), P(n));
-  }
-}), Eo = { class: "d-flex w-100 df-style-resetting" }, xe = /* @__PURE__ */ O({
+const Eo = { class: "d-flex w-100 df-style-resetting" }, Se = /* @__PURE__ */ H({
   __name: "input-base",
   props: {
     control: {},
@@ -1164,68 +1141,68 @@ const re = /* @__PURE__ */ O({
   },
   emits: ["update:modelValue", "click:clear", "blur"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { errors: l, label: r, value: s, touched: p, visibility: i, vuetifyBindings: d } = G(n, a), v = w(() => !!(o(n.clearable) && o(s))), m = M(!1);
-    function b(c) {
-      m.value = c, c || (p.value = !0, a("blur"));
+    const n = e, a = t, { label: l, showErrors: r, touched: s, value: m, visibility: i, vuetifyBindings: p } = G(n, a), h = b(() => !!(o(n.clearable) && o(m))), d = F(!1);
+    function y(c) {
+      d.value = c, c || (s.value = !0, a("blur"));
     }
-    return (c, T) => {
-      const _ = N("v-field"), y = N("v-input");
-      return o(i) !== o(X).SUPPRESS ? (V(), P(y, {
+    return (c, j) => {
+      const T = N("v-field"), k = N("v-input");
+      return o(i) !== o(X).SUPPRESS ? (V(), D(k, {
         key: 0,
-        name: o(d).name,
-        density: o(d).density,
-        hint: o(d).hint,
-        "persistent-hint": o(d).persistentHint,
-        "hide-details": o(d).hideDetails,
-        "error-messages": o(d).errorMessages,
-        class: q([
+        name: o(p).name,
+        density: o(p).density,
+        hint: o(p).hint,
+        "persistent-hint": o(p).persistentHint,
+        "hide-details": o(p).hideDetails,
+        "error-messages": o(p).errorMessages,
+        class: Y([
           c.cssClass,
           {
             "d-none": o(i) === o(X).HIDDEN,
             invisible: o(i) === o(X).INVISIBLE
           }
         ])
-      }, Pe({
-        message: g(({ message: h }) => [
-          I(re, {
-            message: h,
-            errors: o(l)
+      }, De({
+        message: w(({ message: g }) => [
+          B(q, {
+            message: g,
+            errors: o(r)
           }, null, 8, ["message", "errors"])
         ]),
-        default: g(() => [
-          I(_, {
-            variant: o(d).variant,
-            density: o(d).density,
-            label: o(d).label,
-            disabled: o(d).disabled,
-            clearable: v.value,
+        default: w(() => [
+          B(T, {
+            variant: o(p).variant,
+            density: o(p).density,
+            label: o(p).label,
+            disabled: o(p).disabled,
+            clearable: h.value,
             "persistent-clear": !0,
-            dirty: !!o(s),
-            active: m.value,
+            dirty: !!o(m),
+            active: d.value,
             loading: c.loading,
-            "onClick:clear": T[0] || (T[0] = (h) => a("click:clear")),
-            "onUpdate:focused": T[1] || (T[1] = (h) => b(h))
-          }, Pe({
-            label: g((h) => [
-              I(le, {
-                data: h,
-                label: o(r)
+            "onClick:clear": j[0] || (j[0] = (g) => a("click:clear")),
+            "onUpdate:focused": j[1] || (j[1] = (g) => y(g))
+          }, De({
+            label: w((g) => [
+              B(re, {
+                data: g,
+                label: o(l)
               }, null, 8, ["data", "label"])
             ]),
-            default: g((h) => [
-              ae("div", Eo, [
-                se(c.$slots, "default", ee(te(h)))
+            default: w((g) => [
+              le("div", Eo, [
+                se(c.$slots, "default", te(ne(g)))
               ])
             ]),
-            loader: g((h) => [
-              se(c.$slots, "loader", ee(te(h)))
+            loader: w((g) => [
+              se(c.$slots, "loader", te(ne(g)))
             ]),
             _: 2
           }, [
             c.$slots["prepend-inner"] ? {
               name: "prepend-inner",
-              fn: g((h) => [
-                se(c.$slots, "prepend-inner", ee(te(h)))
+              fn: w((g) => [
+                se(c.$slots, "prepend-inner", te(ne(g)))
               ]),
               key: "0"
             } : void 0
@@ -1235,12 +1212,12 @@ const re = /* @__PURE__ */ O({
       }, [
         c.$slots.prepend ? {
           name: "prepend",
-          fn: g((h) => [
-            se(c.$slots, "prepend", ee(te(h)))
+          fn: w((g) => [
+            se(c.$slots, "prepend", te(ne(g)))
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["name", "density", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : H("", !0);
+      ]), 1032, ["name", "density", "hint", "persistent-hint", "hide-details", "error-messages", "class"])) : U("", !0);
     };
   }
 }), $ = {
@@ -1272,22 +1249,22 @@ function Aa(e) {
   });
 }
 function Na(e, t) {
-  Ve.language = e, Ve.translations = t;
+  ke.language = e, ke.translations = t;
 }
-const Ve = {
+const ke = {
   language: "en",
   translations: void 0
 };
 var z = /* @__PURE__ */ ((e) => (e[e.BUTTON = 0] = "BUTTON", e[e.TEXT = 1] = "TEXT", e))(z || {});
-const ze = 0;
+const We = 0;
 ((e) => {
   function t(l) {
-    return l.toUpperCase() === "BUTTON" ? 0 : l.toUpperCase() === "TEXT" ? 1 : ze;
+    return l.toUpperCase() === "BUTTON" ? 0 : l.toUpperCase() === "TEXT" ? 1 : We;
   }
   e.fromString = t;
   function n(l) {
     const r = typeof l == "number" ? l : e.fromString(l);
-    return Object.values(e).includes(r) ? r : ze;
+    return Object.values(e).includes(r) ? r : We;
   }
   e.fromAny = n;
   function a(l) {
@@ -1297,18 +1274,18 @@ const ze = 0;
   e.isDefined = a;
 })(z || (z = {}));
 Object.freeze(z);
-const Ke = ["xs", "sm", "md", "lg", "xl"];
+const ze = ["xs", "sm", "md", "lg", "xl"];
 class $o {
   constructor(t) {
-    Ae(this, "_value");
-    this._value = this.cleanBreakpoint(t, !0), t && Ke.forEach((n) => {
+    $e(this, "_value");
+    this._value = this.cleanBreakpoint(t, !0), t && ze.forEach((n) => {
       const a = this.cleanBreakpoint(t[n]);
       a && (this._value[n] = a);
     });
   }
   getOptionsForBreakpoint(t) {
     const n = this.cleanBreakpoint(this._value), a = Object.keys(n);
-    for (const l of Ke) {
+    for (const l of ze) {
       const r = this._value[l];
       for (const s of a)
         (r == null ? void 0 : r[s]) != null && (n[s] = r[s]);
@@ -1322,29 +1299,29 @@ function Ao(e) {
 }
 function No() {
   const e = Vt();
-  return w(() => Ao(e));
+  return b(() => Ao(e));
 }
-class Mo extends $o {
+class Fo extends $o {
   cleanBreakpoint(t, n = !1) {
-    if ((!t || !ht(t)) && !n) return null;
+    if ((!t || !ft(t)) && !n) return null;
     const a = {};
-    return n && (a.renderAs = z.BUTTON, a.showLabel = !0, a.showIcon = !0), t && (t.renderAs != null && (a.renderAs = z.fromAny(t.renderAs)), ne(t.label) && (a.label = t.label), ne(t.icon) && (a.icon = t.icon), Ue(t.showLabel) && (a.showLabel = t.showLabel), Ue(t.showIcon) && (a.showIcon = t.showIcon)), Object.keys(a).length ? a : null;
+    return n && (a.renderAs = z.BUTTON, a.showLabel = !0, a.showIcon = !0), t && (t.renderAs != null && (a.renderAs = z.fromAny(t.renderAs)), oe(t.label) && (a.label = t.label), oe(t.icon) && (a.icon = t.icon), Le(t.showLabel) && (a.showLabel = t.showLabel), Le(t.showIcon) && (a.showIcon = t.showIcon)), Object.keys(a).length ? a : null;
   }
 }
-class ke extends kt {
+class ye extends yt {
   static create(t) {
     return super.create(t);
   }
   getBreakpointValue(t) {
-    return w(() => {
-      const a = new Mo(this.value).getOptionsForBreakpoint(t.value);
+    return b(() => {
+      const a = new Fo(this.value).getOptionsForBreakpoint(t.value);
       return {
         name: a.name,
         label: a.showLabel ? a.label : void 0,
         icon: a.showIcon ? a.icon : void 0,
         renderAs: a.renderAs,
-        showLabel: ne(a.label) && !ve(a.label) ? a.showLabel : !1,
-        showIcon: ne(a.icon) && !ve(a.icon) ? a.showIcon : !1
+        showLabel: oe(a.label) && !ve(a.label) ? a.showLabel : !1,
+        showIcon: oe(a.icon) && !ve(a.icon) ? a.showIcon : !1
       };
     });
   }
@@ -1355,20 +1332,20 @@ class ke extends kt {
     return this.value.showLabel ? this.value.label : void 0;
   }
   get showLabel() {
-    return ne(this.value.label) && !ve(this.value.label) ? this.value.showLabel : !1;
+    return oe(this.value.label) && !ve(this.value.label) ? this.value.showLabel : !1;
   }
   get icon() {
     return this.value.showIcon ? this.value.icon : void 0;
   }
   get showIcon() {
-    return ne(this.value.icon) && !ve(this.value.icon) ? this.value.showIcon : !1;
+    return oe(this.value.icon) && !ve(this.value.icon) ? this.value.showIcon : !1;
   }
   get renderAs() {
     return this.value.renderAs;
   }
   static closeAction(t) {
     var a;
-    const n = U(x({}, t != null ? t : {}), {
+    const n = O(x({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "close",
@@ -1379,11 +1356,11 @@ class ke extends kt {
         showIcon: !0
       }
     });
-    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ke.create(n);
+    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ye.create(n);
   }
   static yesAction(t) {
     var a;
-    const n = U(x({}, t != null ? t : {}), {
+    const n = O(x({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "yes",
@@ -1394,11 +1371,11 @@ class ke extends kt {
         showIcon: !0
       }
     });
-    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ke.create(n);
+    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ye.create(n);
   }
   static noAction(t) {
     var a;
-    const n = U(x({}, t != null ? t : {}), {
+    const n = O(x({}, t != null ? t : {}), {
       // any properties in data should overwrite properties in the constant
       value: {
         name: "no",
@@ -1409,13 +1386,13 @@ class ke extends kt {
         showIcon: !0
       }
     });
-    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ke.create(n);
+    return n.value = x(x({}, n.value), (a = t == null ? void 0 : t.value) != null ? a : {}), ye.create(n);
   }
 }
-const Lo = {
+const Mo = {
   key: 1,
   style: { width: "0.5rem" }
-}, Fo = { key: 2 }, Uo = /* @__PURE__ */ O({
+}, Lo = { key: 2 }, Uo = /* @__PURE__ */ H({
   __name: "df-actions",
   props: {
     actions: {},
@@ -1423,43 +1400,43 @@ const Lo = {
     showAsGroup: { default: "no" }
   },
   setup(e) {
-    const t = e, n = No(), a = w(() => o(t.actions)), l = w(
+    const t = e, n = No(), a = b(() => o(t.actions)), l = b(
       () => a.value.map((r) => x({
         action: r
       }, o(r.getBreakpointValue(n))))
     );
     return (r, s) => {
-      const p = N("v-btn");
+      const m = N("v-btn");
       return a.value.length > 0 ? (V(), W("div", {
         key: 0,
-        class: q(["text-end df-actions", {
+        class: Y(["text-end df-actions", {
           "button-group": r.showAsGroup === "grouped" || r.showAsGroup === "grouped-no-borders",
           "with-border": r.showAsGroup === "grouped"
         }])
       }, [
-        (V(!0), W(De, null, mt(l.value, (i, d) => (V(), P(p, {
-          key: d,
+        (V(!0), W(Ie, null, ct(l.value, (i, p) => (V(), D(m, {
+          key: p,
           variant: i.renderAs === o(z).BUTTON ? "tonal" : "text",
           elevation: 0,
           size: r.buttonSize,
-          onClick: pt((v) => i.action.execute(v), ["stop"])
+          onClick: dt((h) => i.action.execute(h), ["stop"])
         }, {
-          default: g(() => [
-            i.icon ? (V(), P(o(be), {
+          default: w(() => [
+            i.icon ? (V(), D(o(be), {
               key: 0,
               name: i.icon
-            }, null, 8, ["name"])) : H("", !0),
-            i.icon && i.label ? (V(), W("span", Lo)) : H("", !0),
-            i.label ? (V(), W("span", Fo, Se(i.label), 1)) : H("", !0)
+            }, null, 8, ["name"])) : U("", !0),
+            i.icon && i.label ? (V(), W("span", Mo)) : U("", !0),
+            i.label ? (V(), W("span", Lo, Pe(i.label), 1)) : U("", !0)
           ]),
           _: 2
         }, 1032, ["variant", "size", "onClick"]))), 128))
-      ], 2)) : H("", !0);
+      ], 2)) : U("", !0);
     };
   }
-}), Ho = /* @__PURE__ */ O({
+}), Ho = /* @__PURE__ */ H({
   __name: "df-checkbox",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1475,54 +1452,54 @@ const Lo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, U(x({}, Q), { allowNull: !1 })),
+  }, O(x({}, Z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = G(n, a), v = w(() => n.allowNull && i.value == null), m = w({
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), h = b(() => n.allowNull && i.value == null), d = b({
       get() {
         return i.value;
       },
       set() {
       }
     });
-    function b() {
-      const c = bt(i.value);
+    function y() {
+      const c = vt(i.value);
       c === !0 ? i.value = n.allowNull ? null : !1 : i.value = c === !1;
     }
-    return (c, T) => {
-      const _ = N("v-checkbox");
-      return V(), P(_, R({
-        modelValue: m.value,
-        "onUpdate:modelValue": T[0] || (T[0] = (y) => m.value = y)
-      }, o(d), {
+    return (c, j) => {
+      const T = N("v-checkbox");
+      return V(), D(T, R({
+        modelValue: d.value,
+        "onUpdate:modelValue": j[0] || (j[0] = (k) => d.value = k)
+      }, o(p), {
         density: "compact",
         class: o(l),
-        indeterminate: v.value,
+        indeterminate: h.value,
         "false-value": !1,
         "true-value": !0,
-        onChange: b,
-        onBlur: T[1] || (T[1] = (y) => p.value = !0)
+        onChange: y,
+        onBlur: j[1] || (j[1] = (k) => m.value = !0)
       }), {
-        label: g((y) => [
-          I(o(le), {
+        label: w((k) => [
+          B(o(re), {
             "allow-wrap": !0,
-            data: y,
-            label: o(s)
+            data: k,
+            label: o(r)
           }, null, 8, ["data", "label"])
         ]),
-        message: g(({ message: y }) => [
-          I(o(re), {
-            message: y,
-            errors: o(r)
+        message: w(({ message: k }) => [
+          B(o(q), {
+            message: k,
+            errors: o(s)
           }, null, 8, ["message", "errors"])
         ]),
         _: 1
       }, 16, ["modelValue", "class", "indeterminate"]);
     };
   }
-}), Oo = /* @__PURE__ */ O({
+}), Oo = /* @__PURE__ */ H({
   __name: "df-color",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     allowNull: { type: Boolean },
     control: {},
     modelValue: {},
@@ -1538,52 +1515,52 @@ const Lo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, U(x({}, Q), { allowNull: !1 })),
+  }, O(x({}, Z), { allowNull: !1 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = G(n, a), v = M(!1), m = w(() => [
-      (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."
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), h = F(!1), d = b(() => [
+      (y) => n.control || !y && n.allowNull || /^#?([a-fA-F0-9]{3}|[a-fA-F0-9]{4}|[a-fA-F0-9]{6}|[a-fA-F0-9]{8})$/.test(y) ? !0 : "Not a valid hex string."
     ]);
-    return (b, c) => {
-      const T = N("v-color-picker"), _ = N("v-menu"), y = N("v-text-field");
-      return V(), P(y, R({
+    return (y, c) => {
+      const j = N("v-color-picker"), T = N("v-menu"), k = N("v-text-field");
+      return V(), D(k, R({
         modelValue: o(i),
-        "onUpdate:modelValue": c[2] || (c[2] = (h) => oe(i) ? i.value = h : null)
-      }, o(d), {
+        "onUpdate:modelValue": c[2] || (c[2] = (g) => ae(i) ? i.value = g : null)
+      }, o(p), {
         class: o(l),
-        clearable: b.allowNull,
+        clearable: y.allowNull,
         type: "text",
-        rules: m.value,
-        onBlur: c[3] || (c[3] = (h) => p.value = !0)
+        rules: d.value,
+        onBlur: c[3] || (c[3] = (g) => m.value = !0)
       }), {
-        label: g((h) => [
-          I(o(le), {
-            data: h,
-            label: o(s)
+        label: w((g) => [
+          B(o(re), {
+            data: g,
+            label: o(r)
           }, null, 8, ["data", "label"])
         ]),
-        message: g(({ message: h }) => [
-          I(o(re), {
-            message: h,
-            errors: o(r)
+        message: w(({ message: g }) => [
+          B(o(q), {
+            message: g,
+            errors: o(s)
           }, null, 8, ["message", "errors"])
         ]),
-        "prepend-inner": g(() => [
-          ae("div", {
-            style: qe([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(i) }])
+        "prepend-inner": w(() => [
+          le("div", {
+            style: Ge([{ width: "24px", height: "24px", "border-radius": "4px", border: "1px solid #ccc" }, { backgroundColor: o(i) }])
           }, null, 4)
         ]),
-        default: g(() => [
-          I(_, {
-            modelValue: v.value,
-            "onUpdate:modelValue": c[1] || (c[1] = (h) => v.value = h),
+        default: w(() => [
+          B(T, {
+            modelValue: h.value,
+            "onUpdate:modelValue": c[1] || (c[1] = (g) => h.value = g),
             "close-on-content-click": !1,
             activator: "parent"
           }, {
-            default: g(() => [
-              I(T, {
+            default: w(() => [
+              B(j, {
                 modelValue: o(i),
-                "onUpdate:modelValue": c[0] || (c[0] = (h) => oe(i) ? i.value = h : null),
+                "onUpdate:modelValue": c[0] || (c[0] = (g) => ae(i) ? i.value = g : null),
                 mode: "hexa"
               }, null, 8, ["modelValue"])
             ]),
@@ -1594,9 +1571,9 @@ const Lo = {
       }, 16, ["modelValue", "class", "clearable", "rules"]);
     };
   }
-}), Ro = /* @__PURE__ */ O({
+}), Ro = /* @__PURE__ */ H({
   __name: "df-datetime",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     inputType: {},
     displayFormatDate: {},
     displayFormatTime: {},
@@ -1615,150 +1592,150 @@ const Lo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, U(x({}, Q), {
+  }, O(x({}, Z), {
     inputType: "datetime",
     displayFormatDate: "P",
     displayFormatTime: "p"
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, l = w(() => {
+    const n = e, a = t, l = b(() => {
       var f;
       return (f = n.locale) != null ? f : o(So.dateTimeLocale);
-    }), r = w(() => {
+    }), r = b(() => {
       var f, u;
       return (u = (f = l.value.options) == null ? void 0 : f.weekStartsOn) != null ? u : 1;
-    }), { densityClass: s, touched: p, value: i, vuetifyBindings: d } = G(n, a), { inputType: v, displayFormatDate: m, displayFormatTime: b } = je(n), c = M(""), T = w({
+    }), { densityClass: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), { inputType: h, displayFormatDate: d, displayFormatTime: y } = Ce(n), c = F(""), j = b({
       get() {
         return o(c) === "date";
       },
       set(f) {
         c.value = f ? "date" : "";
       }
-    }), _ = w({
+    }), T = b({
       get() {
         return o(c) === "time";
       },
       set(f) {
         c.value = f ? "time" : "";
       }
-    }), y = (f) => `${me(f, "yyyy-MM-dd")}T${me(f, "HH:mm")}:00`, h = M(null);
-    function E(f, u) {
+    }), k = (f) => `${me(f, "yyyy-MM-dd")}T${me(f, "HH:mm")}:00`, g = F(null);
+    function P(f, u) {
       if (f == null)
-        h.value = null;
+        g.value = null;
       else if (u === -1)
-        if (o(v) === "time")
-          h.value = y(/* @__PURE__ */ new Date()), E(`T${f}`, 1);
+        if (o(h) === "time")
+          g.value = k(/* @__PURE__ */ new Date()), P(`T${f}`, 1);
         else {
-          const A = y(new Date(f));
-          E(A, 0), E(A, 1);
+          const A = k(new Date(f));
+          P(A, 0), P(A, 1);
         }
       else {
-        h.value == null && (h.value = y(/* @__PURE__ */ new Date()));
-        const A = h.value.split(/[TZ]/g), K = f.split(/[TZ]/g);
-        A[u] = K[u], h.value = y(/* @__PURE__ */ new Date(`${A[0]}T${A[1].split(".")[0]}`)), o(v) === "date" ? i.value = A[0] : o(v) === "time" ? i.value = A[1] : i.value = o(h) + me(/* @__PURE__ */ new Date(), "XXX");
+        g.value == null && (g.value = k(/* @__PURE__ */ new Date()));
+        const A = g.value.split(/[TZ]/g), K = f.split(/[TZ]/g);
+        A[u] = K[u], g.value = k(/* @__PURE__ */ new Date(`${A[0]}T${A[1].split(".")[0]}`)), o(h) === "date" ? i.value = A[0] : o(h) === "time" ? i.value = A[1] : i.value = o(g) + me(/* @__PURE__ */ new Date(), "XXX");
       }
     }
-    ue(i, (f) => E(f, -1), { immediate: !0 });
-    const L = w({
+    ue(i, (f) => P(f, -1), { immediate: !0 });
+    const M = b({
       get() {
-        const f = o(h);
+        const f = o(g);
         if (f == null) return null;
         const u = new Date(f);
         return Number.isNaN(u.getTime()) ? null : u;
       },
       set(f) {
-        E(y(f), 0);
+        P(k(f), 0);
       }
-    }), k = w({
+    }), E = b({
       get() {
-        const f = o(h);
+        const f = o(g);
         return f == null ? "" : f.split(/[TZ]/g)[1].split(".")[0];
       },
       set(f) {
-        E(`T${f}`, 1);
+        P(`T${f}`, 1);
       }
-    }), C = w({
+    }), v = b({
       get() {
-        const f = o(L);
-        return f == null ? "" : me(f, o(m), { locale: l.value });
+        const f = o(M);
+        return f == null ? "" : me(f, o(d), { locale: l.value });
       },
       set(f) {
         try {
-          const u = Ct(f, o(m), /* @__PURE__ */ new Date(), { locale: l.value });
-          E(y(u), 0);
+          const u = Ct(f, o(d), /* @__PURE__ */ new Date(), { locale: l.value });
+          P(k(u), 0);
         } catch (u) {
           console.error(u);
         }
       }
-    }), F = w({
+    }), L = b({
       get() {
-        const f = o(L);
-        return f == null ? "" : me(f, o(b), { locale: l.value });
+        const f = o(M);
+        return f == null ? "" : me(f, o(y), { locale: l.value });
       },
       set(f) {
         const u = f.match(/(\d+):(\d+)\s?([a-zA-Z]+)?/);
         if (u == null) return;
-        let A = He(u[1]);
-        const K = He(u[2]);
-        Oe(A) || Oe(K) || (u[3] && u[3].toLowerCase() === "pm" && A < 13 && (A += 12), E(`T${A.toString().padStart(2, "0")}:${K.toString().padStart(2, "0")}:00`, 1));
+        let A = Ue(u[1]);
+        const K = Ue(u[2]);
+        He(A) || He(K) || (u[3] && u[3].toLowerCase() === "pm" && A < 13 && (A += 12), P(`T${A.toString().padStart(2, "0")}:${K.toString().padStart(2, "0")}:00`, 1));
       }
     });
     return (f, u) => {
-      const A = N("v-date-picker"), K = N("v-confirm-edit"), ce = N("v-menu"), de = N("v-text-field"), B = N("v-time-picker");
-      return V(), P(o(xe), R(n, {
+      const A = N("v-date-picker"), K = N("v-confirm-edit"), ce = N("v-menu"), de = N("v-text-field"), _ = N("v-time-picker");
+      return V(), D(o(Se), R(n, {
         class: o(s),
         clearable: f.clearable,
-        "onClick:clear": u[14] || (u[14] = (D) => i.value = null),
-        onBlur: u[15] || (u[15] = (D) => p.value = !0)
+        "onClick:clear": u[14] || (u[14] = (I) => i.value = null),
+        onBlur: u[15] || (u[15] = (I) => m.value = !0)
       }), {
-        default: g((D) => [
-          ae("div", {
-            class: q(["d-flex w-100 ml-4 df-input-wrapper", f.density])
+        default: w((I) => [
+          le("div", {
+            class: Y(["d-flex w-100 ml-4 df-input-wrapper", f.density])
           }, [
-            ["date", "datetime"].includes(o(v)) ? (V(), P(de, R({
+            ["date", "datetime"].includes(o(h)) ? (V(), D(de, R({
               key: 0,
-              modelValue: C.value,
-              "onUpdate:modelValue": u[4] || (u[4] = (j) => C.value = j),
+              modelValue: v.value,
+              "onUpdate:modelValue": u[4] || (u[4] = (C) => v.value = C),
               style: { "flex-grow": "4" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(d).readonly,
-              disabled: o(d).disabled,
-              name: `${o(d).name}-date`
+              readonly: o(p).readonly,
+              disabled: o(p).disabled,
+              name: `${o(p).name}-date`
             }, f.passthroughAttrs, {
-              onClick: u[5] || (u[5] = (j) => c.value = "date"),
-              onKeydown: u[6] || (u[6] = Le((j) => c.value = "date", ["space"])),
-              onFocus: (j) => D.focus(),
-              onBlur: (j) => D.blur()
+              onClick: u[5] || (u[5] = (C) => c.value = "date"),
+              onKeydown: u[6] || (u[6] = Fe((C) => c.value = "date", ["space"])),
+              onFocus: (C) => I.focus(),
+              onBlur: (C) => I.blur()
             }), {
-              default: g(() => [
-                I(ce, {
-                  modelValue: T.value,
-                  "onUpdate:modelValue": u[3] || (u[3] = (j) => T.value = j),
+              default: w(() => [
+                B(ce, {
+                  modelValue: j.value,
+                  "onUpdate:modelValue": u[3] || (u[3] = (C) => j.value = C),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
-                  default: g(() => [
-                    I(K, {
-                      modelValue: L.value,
-                      "onUpdate:modelValue": u[0] || (u[0] = (j) => L.value = j),
-                      onCancel: u[1] || (u[1] = (j) => c.value = ""),
-                      onSave: u[2] || (u[2] = (j) => c.value = "")
+                  default: w(() => [
+                    B(K, {
+                      modelValue: M.value,
+                      "onUpdate:modelValue": u[0] || (u[0] = (C) => M.value = C),
+                      onCancel: u[1] || (u[1] = (C) => c.value = ""),
+                      onSave: u[2] || (u[2] = (C) => c.value = "")
                     }, {
-                      default: g(({ model: j, actions: Z }) => [
-                        I(A, {
-                          modelValue: j.value,
-                          "onUpdate:modelValue": (S) => j.value = S,
+                      default: w(({ model: C, actions: J }) => [
+                        B(A, {
+                          modelValue: C.value,
+                          "onUpdate:modelValue": (S) => C.value = S,
                           "hide-header": !0,
                           "first-day-of-week": r.value,
                           "show-adjacent-months": !0,
                           "show-week": !0
                         }, {
-                          actions: g(() => [
-                            (V(), P(he(Z)))
+                          actions: w(() => [
+                            (V(), D(he(J)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue", "first-day-of-week"])
@@ -1770,48 +1747,48 @@ const Lo = {
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : H("", !0),
-            ["time", "datetime"].includes(o(v)) ? (V(), P(de, R({
+            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : U("", !0),
+            ["time", "datetime"].includes(o(h)) ? (V(), D(de, R({
               key: 1,
-              modelValue: F.value,
-              "onUpdate:modelValue": u[11] || (u[11] = (j) => F.value = j),
+              modelValue: L.value,
+              "onUpdate:modelValue": u[11] || (u[11] = (C) => L.value = C),
               style: { "flex-grow": "3" },
               density: "compact",
               variant: "plain",
               clearable: !1,
               "hide-details": !0,
-              readonly: o(d).readonly,
-              disabled: o(d).disabled,
-              name: `${o(d).name}-time`
+              readonly: o(p).readonly,
+              disabled: o(p).disabled,
+              name: `${o(p).name}-time`
             }, f.passthroughAttrs, {
-              onClick: u[12] || (u[12] = (j) => c.value = "time"),
-              onKeydown: u[13] || (u[13] = Le((j) => c.value = "time", ["space"])),
-              onFocus: (j) => D.focus(),
-              onBlur: (j) => D.blur()
+              onClick: u[12] || (u[12] = (C) => c.value = "time"),
+              onKeydown: u[13] || (u[13] = Fe((C) => c.value = "time", ["space"])),
+              onFocus: (C) => I.focus(),
+              onBlur: (C) => I.blur()
             }), {
-              default: g(() => [
-                I(ce, {
-                  modelValue: _.value,
-                  "onUpdate:modelValue": u[10] || (u[10] = (j) => _.value = j),
+              default: w(() => [
+                B(ce, {
+                  modelValue: T.value,
+                  "onUpdate:modelValue": u[10] || (u[10] = (C) => T.value = C),
                   "close-on-content-click": !1,
                   activator: "parent"
                 }, {
-                  default: g(() => [
-                    I(K, {
-                      modelValue: k.value,
-                      "onUpdate:modelValue": u[7] || (u[7] = (j) => k.value = j),
-                      onCancel: u[8] || (u[8] = (j) => c.value = ""),
-                      onSave: u[9] || (u[9] = (j) => c.value = "")
+                  default: w(() => [
+                    B(K, {
+                      modelValue: E.value,
+                      "onUpdate:modelValue": u[7] || (u[7] = (C) => E.value = C),
+                      onCancel: u[8] || (u[8] = (C) => c.value = ""),
+                      onSave: u[9] || (u[9] = (C) => c.value = "")
                     }, {
-                      default: g(({ model: j, actions: Z }) => [
-                        I(B, {
-                          modelValue: j.value,
-                          "onUpdate:modelValue": (S) => j.value = S,
+                      default: w(({ model: C, actions: J }) => [
+                        B(_, {
+                          modelValue: C.value,
+                          "onUpdate:modelValue": (S) => C.value = S,
                           "hide-header": !0,
                           format: "24hr"
                         }, {
-                          actions: g(() => [
-                            (V(), P(he(Z)))
+                          actions: w(() => [
+                            (V(), D(he(J)))
                           ]),
                           _: 2
                         }, 1032, ["modelValue", "onUpdate:modelValue"])
@@ -1823,16 +1800,16 @@ const Lo = {
                 }, 8, ["modelValue"])
               ]),
               _: 1
-            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : H("", !0)
+            }, 16, ["modelValue", "readonly", "disabled", "name", "onFocus", "onBlur"])) : U("", !0)
           ], 2)
         ]),
         _: 1
       }, 16, ["class", "clearable"]);
     };
   }
-}), Wo = /* @__PURE__ */ O({
+}), Wo = /* @__PURE__ */ H({
   __name: "df-file",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     comms: {},
     control: {},
     modelValue: {},
@@ -1848,80 +1825,80 @@ const Lo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, Q),
+  }, Z),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, touched: r, value: s, vuetifyBindings: p } = G(n, a), i = M(null), d = M(null), v = M(0), m = M(Math.round(Math.random() * 1e3)), b = M(), c = w(() => d.value && v.value < 100), T = w(() => !b.value && s.value ? n.modelValue : "");
-    function _() {
+    const n = e, a = t, { densityClass: l, touched: r, value: s, vuetifyBindings: m } = G(n, a), i = F(null), p = F(null), h = F(0), d = F(Math.round(Math.random() * 1e3)), y = F(), c = b(() => p.value && h.value < 100), j = b(() => !y.value && s.value ? n.modelValue : "");
+    function T() {
       i.value && window.clearInterval(i.value);
     }
-    function y() {
-      _(), i.value = window.setInterval(() => {
+    function k() {
+      T(), i.value = window.setInterval(() => {
         s.value && n.comms.touch(s.value);
       }, 60 * 1e3);
     }
-    Ge(() => _()), ue(s, (k) => {
-      k ? y() : _();
+    Xe(() => T()), ue(s, (E) => {
+      E ? k() : T();
     });
-    function h() {
+    function g() {
       return ge(this, null, function* () {
-        s.value && (yield n.comms.delete(s.value)), s.value = null, v.value = 0, m.value = Math.round(Math.random() * 1e3), d.value = null, b.value = null, _();
+        s.value && (yield n.comms.delete(s.value)), s.value = null, h.value = 0, d.value = Math.round(Math.random() * 1e3), p.value = null, y.value = null, T();
       });
     }
-    function E(k) {
+    function P(E) {
       return ge(this, null, function* () {
-        v.value = -1, d.value = k;
+        h.value = -1, p.value = E;
         try {
-          s.value = yield n.comms.upload(k, (C, F) => {
-            v.value = Math.round(C * 100 / F);
-          }), v.value = 100, y();
-        } catch (C) {
-          throw v.value = 0, d.value = null, m.value = Math.round(Math.random() * 1e3), b.value = null, C;
+          s.value = yield n.comms.upload(E, (v, L) => {
+            h.value = Math.round(v * 100 / L);
+          }), h.value = 100, k();
+        } catch (v) {
+          throw h.value = 0, p.value = null, d.value = Math.round(Math.random() * 1e3), y.value = null, v;
         }
       });
     }
-    function L(k) {
-      k && (Array.isArray(k) ? console.error("Uploading multiple files not supported right now") : E(k));
+    function M(E) {
+      E && (Array.isArray(E) ? console.error("Uploading multiple files not supported right now") : P(E));
     }
-    return (k, C) => {
-      const F = N("v-progress-linear"), f = N("v-file-input");
-      return V(), P(o(xe), R(U(x({}, n), { loading: c.value }), {
+    return (E, v) => {
+      const L = N("v-progress-linear"), f = N("v-file-input");
+      return V(), D(o(Se), R(O(x({}, n), { loading: c.value }), {
         class: o(l),
         clearable: "",
-        "onClick:clear": h,
-        onBlur: C[1] || (C[1] = (u) => r.value = !0)
+        "onClick:clear": g,
+        onBlur: v[1] || (v[1] = (u) => r.value = !0)
       }), {
-        "prepend-inner": g(() => [
-          I(o(be), { name: "mdi-paperclip" })
+        "prepend-inner": w(() => [
+          B(o(be), { name: "mdi-paperclip" })
         ]),
-        loader: g(() => [
-          d.value && v.value < 100 ? (V(), P(F, {
+        loader: w(() => [
+          p.value && h.value < 100 ? (V(), D(L, {
             key: 0,
-            "model-value": v.value,
-            indeterminate: v.value === -1
-          }, null, 8, ["model-value", "indeterminate"])) : H("", !0)
+            "model-value": h.value,
+            indeterminate: h.value === -1
+          }, null, 8, ["model-value", "indeterminate"])) : U("", !0)
         ]),
-        default: g((u) => [
-          ae("div", {
-            class: q(["d-flex w-100 position-relative df-input-wrapper", k.density])
+        default: w((u) => [
+          le("div", {
+            class: Y(["d-flex w-100 position-relative df-input-wrapper", E.density])
           }, [
-            I(f, R({
-              modelValue: b.value,
-              "onUpdate:modelValue": C[0] || (C[0] = (A) => b.value = A),
-              label: T.value,
+            B(f, R({
+              modelValue: y.value,
+              "onUpdate:modelValue": v[0] || (v[0] = (A) => y.value = A),
+              label: j.value,
               density: "compact",
               variant: "plain",
-              readonly: o(p).readonly,
-              disabled: o(p).disabled,
-              name: o(p).name,
+              readonly: o(m).readonly,
+              disabled: o(m).disabled,
+              name: o(m).name,
               "hide-details": !0,
               "show-size": !0,
               multiple: !1,
-              style: d.value && v.value < 100 ? "visibility: hidden" : "",
+              style: p.value && h.value < 100 ? "visibility: hidden" : "",
               clearable: !1
-            }, k.passthroughAttrs, {
+            }, E.passthroughAttrs, {
               "prepend-icon": "",
-              "onUpdate:modelValue": L,
+              "onUpdate:modelValue": M,
               onFocus: (A) => u.focus(),
               onBlur: (A) => u.blur()
             }), null, 16, ["modelValue", "label", "readonly", "disabled", "name", "style", "onFocus", "onBlur"])
@@ -1931,9 +1908,9 @@ const Lo = {
       }, 16, ["class"]);
     };
   }
-}), zo = /* @__PURE__ */ O({
+}), zo = /* @__PURE__ */ H({
   __name: "df-input",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     inputType: {},
     precision: {},
     step: {},
@@ -1953,7 +1930,7 @@ const Lo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, U(x({}, Q), {
+  }, O(x({}, Z), {
     inputType: "text",
     precision: null,
     step: void 0,
@@ -1962,53 +1939,53 @@ const Lo = {
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = G(n, a), { inputType: v, max: m, min: b, precision: c, step: T } = je(n), _ = w(() => v.value === "number"), y = w(
-      () => _.value ? { min: o(b), max: o(m), precision: o(c), step: o(T) } : {}
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), { inputType: h, max: d, min: y, precision: c, step: j } = Ce(n), T = b(() => h.value === "number"), k = b(
+      () => T.value ? { min: o(y), max: o(d), precision: o(c), step: o(j) } : {}
     );
-    return (h, E) => {
-      const L = N("v-text-field"), k = N("v-number-input");
+    return (g, P) => {
+      const M = N("v-text-field"), E = N("v-number-input");
       return V(), W("div", {
-        class: q(["df-input-container", o(l)])
+        class: Y(["df-input-container", o(l)])
       }, [
-        _.value ? (V(), P(k, R({
+        T.value ? (V(), D(E, R({
           key: 1,
           modelValue: o(i),
-          "onUpdate:modelValue": E[2] || (E[2] = (C) => oe(i) ? i.value = C : null)
-        }, x(x({}, o(d)), y.value), {
+          "onUpdate:modelValue": P[2] || (P[2] = (v) => ae(i) ? i.value = v : null)
+        }, x(x({}, o(p)), k.value), {
           density: "compact",
           "control-variant": "stacked"
         }), {
-          label: g((C) => [
-            I(o(le), {
-              data: C,
-              label: o(s)
+          label: w((v) => [
+            B(o(re), {
+              data: v,
+              label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: g(({ message: C }) => [
-            I(o(re), {
-              message: C,
-              errors: o(r)
+          message: w(({ message: v }) => [
+            B(o(q), {
+              message: v,
+              errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
-        }, 16, ["modelValue"])) : (V(), P(L, R({
+        }, 16, ["modelValue"])) : (V(), D(M, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": E[0] || (E[0] = (C) => oe(i) ? i.value = C : null)
-        }, o(d), {
-          type: o(v),
-          onBlur: E[1] || (E[1] = (C) => p.value = !0)
+          "onUpdate:modelValue": P[0] || (P[0] = (v) => ae(i) ? i.value = v : null)
+        }, o(p), {
+          type: o(h),
+          onBlur: P[1] || (P[1] = (v) => m.value = !0)
         }), {
-          label: g((C) => [
-            I(o(le), {
-              data: C,
-              label: o(s)
+          label: w((v) => [
+            B(o(re), {
+              data: v,
+              label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: g(({ message: C }) => [
-            I(o(re), {
-              message: C,
-              errors: o(r)
+          message: w(({ message: v }) => [
+            B(o(q), {
+              message: v,
+              errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
@@ -2016,7 +1993,7 @@ const Lo = {
       ], 2);
     };
   }
-}), Ko = { class: "editor-container" }, Xo = { class: "editor-container__editor" }, Go = { ref: "editorElement" }, qo = /* @__PURE__ */ O({
+}), Ko = { class: "editor-container" }, Xo = { class: "editor-container__editor" }, Go = { ref: "editorElement" }, qo = /* @__PURE__ */ H({
   __name: "ck-editor-custom",
   props: {
     modelValue: { default: "" },
@@ -2025,10 +2002,10 @@ const Lo = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t, emit: n }) {
-    ft((m) => ({
-      "32dcdf6e": m.minHeight
+    mt((d) => ({
+      "32dcdf6e": d.minHeight
     }));
-    const a = n, l = M(!1), r = mn, s = {
+    const a = n, l = F(!1), r = mn, s = {
       items: [
         "undo",
         "redo",
@@ -2057,7 +2034,7 @@ const Lo = {
         "accessibilityHelp"
       ],
       shouldNotGroupWhenFull: !1
-    }, p = [
+    }, m = [
       jt,
       Tt,
       _t,
@@ -2071,9 +2048,9 @@ const Lo = {
       $t,
       At,
       Nt,
+      Ft,
       Mt,
       Lt,
-      Ft,
       Ut,
       Ht,
       Ot,
@@ -2109,10 +2086,10 @@ const Lo = {
         { model: "heading5", view: "h5", title: $.Heading5, class: "ck-heading_heading5" },
         { model: "heading6", view: "h6", title: $.Heading6, class: "ck-heading_heading6" }
       ]
-    }, d = {
-      language: Ve.language,
+    }, p = {
+      language: ke.language,
       toolbar: s,
-      plugins: p,
+      plugins: m,
       balloonToolbar: ["bold", "italic", "|", "link", "|", "bulletedList", "numberedList"],
       heading: i,
       htmlSupport: {
@@ -2157,36 +2134,36 @@ const Lo = {
         ]
       },
       table: { contentToolbar: ["tableColumn", "tableRow", "mergeTableCells", "tableProperties", "tableCellProperties"] },
-      translations: Ve.translations
+      translations: ke.translations
     };
-    Xe(() => {
+    Ke(() => {
       l.value = !0;
     });
-    const v = (m) => {
+    const h = (d) => {
     };
-    return t({ onEditorReady: v }), (m, b) => {
+    return t({ onEditorReady: h }), (d, y) => {
       const c = N("ckeditor");
       return V(), W("div", Ko, [
-        ae("div", Xo, [
-          ae("div", Go, [
-            l.value ? (V(), P(c, {
+        le("div", Xo, [
+          le("div", Go, [
+            l.value ? (V(), D(c, {
               key: 0,
-              "model-value": m.modelValue,
+              "model-value": d.modelValue,
               editor: o(r),
-              config: d,
-              disabled: m.disabled,
-              style: qe(`min-height: ${m.minHeight}`),
-              onReady: v,
-              "onUpdate:modelValue": b[0] || (b[0] = (T) => a("update:modelValue", T))
-            }, null, 8, ["model-value", "editor", "disabled", "style"])) : H("", !0)
+              config: p,
+              disabled: d.disabled,
+              style: Ge(`min-height: ${d.minHeight}`),
+              onReady: h,
+              "onUpdate:modelValue": y[0] || (y[0] = (j) => a("update:modelValue", j))
+            }, null, 8, ["model-value", "editor", "disabled", "style"])) : U("", !0)
           ], 512)
         ])
       ]);
     };
   }
-}), Yo = /* @__PURE__ */ O({
+}), Yo = /* @__PURE__ */ H({
   __name: "df-rtf-editor",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     minHeight: {},
     control: {},
     modelValue: {},
@@ -2202,25 +2179,25 @@ const Lo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, U(x({}, Q), { minHeight: void 0 })),
+  }, O(x({}, Z), { minHeight: void 0 })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
     const n = e, a = t, { densityClass: l, value: r, vuetifyBindings: s } = G(n, a);
-    return (p, i) => (V(), P(o(xe), R(n, {
+    return (m, i) => (V(), D(o(Se), R(n, {
       class: ["ck-editor-custom", o(l)]
     }), {
-      default: g((d) => [
-        I(qo, R({
+      default: w((p) => [
+        B(qo, R({
           ref: "$editor",
           modelValue: o(r),
-          "onUpdate:modelValue": i[0] || (i[0] = (v) => oe(r) ? r.value = v : null),
-          class: { "mt-6": !!p.label },
-          "min-height": p.minHeight,
+          "onUpdate:modelValue": i[0] || (i[0] = (h) => ae(r) ? r.value = h : null),
+          class: { "mt-6": !!m.label },
+          "min-height": m.minHeight,
           disabled: o(s).disabled,
           placeholder: "dfsjghdf"
-        }, p.passthroughAttrs, {
-          onFocusin: (v) => d.focus(),
-          onFocusout: (v) => d.blur()
+        }, m.passthroughAttrs, {
+          onFocusin: (h) => p.focus(),
+          onFocusout: (h) => p.blur()
         }), null, 16, ["modelValue", "class", "min-height", "disabled", "onFocusin", "onFocusout"])
       ]),
       _: 1
@@ -2230,37 +2207,37 @@ const Lo = {
 function Qo(e) {
   return e.map((t) => ({ value: t.id, title: t.text, icon: t.icon }));
 }
-function J(e, t) {
+function ee(e, t) {
   var n;
-  return e == null || Re(e) && e.length === 0 ? null : t ? Ye(e) : Re(e) ? (n = Qe(e)) != null ? n : null : e;
+  return e == null || Oe(e) && e.length === 0 ? null : t ? qe(e) : Oe(e) ? (n = Ye(e)) != null ? n : null : e;
 }
-function Ce(e, t) {
+function Ve(e, t) {
   if (t == null) return [];
-  const n = Ye(t);
+  const n = qe(t);
   return e.filter((a) => n.some((l) => l === a.id));
 }
-function ye(e, t, n, a, l) {
+function we(e, t, n, a, l) {
   var s;
-  const r = J(e, n);
+  const r = ee(e, n);
   if (r == null) {
     t.value = n ? [] : null;
     return;
   }
   if (n)
-    a ? t.value = r : t.value = Ce(l, r).map((p) => p.id);
+    a ? t.value = r : t.value = Ve(l, r).map((m) => m.id);
   else if (a)
     t.value = r;
   else {
-    const p = Qe(Ce(l, r));
-    t.value = (s = p == null ? void 0 : p.id) != null ? s : null;
+    const m = Ye(Ve(l, r));
+    t.value = (s = m == null ? void 0 : m.id) != null ? s : null;
   }
 }
 const Zo = {
   key: 0,
   class: "me-1"
-}, Jo = /* @__PURE__ */ O({
+}, Jo = /* @__PURE__ */ H({
   __name: "df-select",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     choices: {},
     multiple: { type: Boolean },
     allowTags: { type: Boolean },
@@ -2280,7 +2257,7 @@ const Zo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, U(x({}, Q), {
+  }, O(x({}, Z), {
     choices: void 0,
     multiple: !1,
     allowTags: !1,
@@ -2289,112 +2266,112 @@ const Zo = {
   })),
   emits: ["update:modelValueDisplay", "update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, { choices: a, multiple: l, allowTags: r, allowNull: s, cssClass: p, visibility: i } = je(n), d = t, {
-      densityClass: v,
-      errors: m,
-      label: b,
+    const n = e, { choices: a, multiple: l, allowTags: r, allowNull: s, cssClass: m, visibility: i } = Ce(n), p = t, {
+      densityClass: h,
+      label: d,
+      showErrors: y,
       touched: c,
-      value: T,
-      vuetifyBindings: _
-    } = G(n, d), y = M(null), h = M(!1), E = M([]), L = w(() => o(h) ? o(E) : o(a) || []), k = M(!1), C = w(() => Qo(L.value));
-    C.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
-    function F(B) {
-      d("update:modelValueDisplay", Ce(L.value, B));
+      value: j,
+      vuetifyBindings: T
+    } = G(n, p), k = F(null), g = F(!1), P = F([]), M = b(() => o(g) ? o(P) : o(a) || []), E = F(!1), v = b(() => Qo(M.value));
+    v.value && n.fetchChoices !== void 0 && console.warn("Both options and fetchChoices are set. Only one of them should be set.");
+    function L(_) {
+      p("update:modelValueDisplay", Ve(M.value, _));
     }
     let f = !1;
-    function u(B) {
-      f = !0, T.value = B, Fe(() => {
+    function u(_) {
+      f = !0, j.value = _, Me(() => {
         f = !1;
       });
     }
     ue(
-      y,
-      (B) => {
-        _.value.readonly || Fe(() => {
-          const D = J(B, l.value);
-          F(D), u(D);
+      k,
+      (_) => {
+        T.value.readonly || Me(() => {
+          const I = ee(_, l.value);
+          L(I), u(I);
         });
       },
       { deep: !0 }
     ), ue(
-      T,
-      (B) => {
+      j,
+      (_) => {
         if (!f) {
-          const D = J(B, l.value);
-          ye(D, y, l.value, !1, L.value);
+          const I = ee(_, l.value);
+          we(I, k, l.value, !1, M.value);
         }
       },
       { deep: !0 }
     );
     function A() {
-      if (_.value.readonly || r.value) return;
-      const B = J(y.value, l.value);
-      ye(B, y, l.value, !1, L.value), u(B);
+      if (T.value.readonly || r.value) return;
+      const _ = ee(k.value, l.value);
+      we(_, k, l.value, !1, M.value), u(_);
     }
-    function K(B) {
-      let D;
-      l.value && Array.isArray(y.value) ? D = J(
-        y.value.filter((j) => j !== B),
+    function K(_) {
+      let I;
+      l.value && Array.isArray(k.value) ? I = ee(
+        k.value.filter((C) => C !== _),
         l.value
-      ) : D = null, ye(D, y, l.value, !1, L.value), u(D);
+      ) : I = null, we(I, k, l.value, !1, M.value), u(I);
     }
-    function ce(B, D) {
+    function ce(_, I) {
       return ge(this, null, function* () {
         if (!(a.value || n.fetchChoices === void 0)) {
-          k.value = !0;
+          E.value = !0;
           try {
-            const j = Ce(
-              L.value,
-              J(y.value, l.value)
-            ), Z = yield n.fetchChoices(B, D);
-            E.value = gt([...j, ...Z], "id"), h.value = !0;
+            const C = Ve(
+              M.value,
+              ee(k.value, l.value)
+            ), J = yield n.fetchChoices(_, I);
+            P.value = ht([...C, ...J], "id"), g.value = !0;
           } finally {
-            k.value = !1;
+            E.value = !1;
           }
         }
       });
     }
     function de() {
-      let B = T.value;
-      !s.value && B == null && C.value.length && (B = C.value[0].value), B = J(B, l.value), ye(B, y, l.value, r.value, L.value), F(B), u(B);
+      let _ = j.value;
+      !s.value && _ == null && v.value.length && (_ = v.value[0].value), _ = ee(_, l.value), we(_, k, l.value, r.value, M.value), L(_), u(_);
     }
-    return de(), n.fetchChoices !== void 0 && ce(void 0, T.value).then(() => {
+    return de(), n.fetchChoices !== void 0 && ce(void 0, j.value).then(() => {
       de();
-    }), (B, D) => {
-      const j = N("v-chip"), Z = N("v-list-item");
-      return o(i) !== o(X).SUPPRESS ? (V(), P(he(o(r) ? "v-combobox" : "v-autocomplete"), R({
+    }), (_, I) => {
+      const C = N("v-chip"), J = N("v-list-item");
+      return o(i) !== o(X).SUPPRESS ? (V(), D(he(o(r) ? "v-combobox" : "v-autocomplete"), R({
         key: 0,
-        modelValue: y.value,
-        "onUpdate:modelValue": D[0] || (D[0] = (S) => y.value = S),
+        modelValue: k.value,
+        "onUpdate:modelValue": I[0] || (I[0] = (S) => k.value = S),
         class: [
-          o(p),
-          o(v),
+          o(m),
+          o(h),
           {
             "d-none": o(i) === o(X).HIDDEN,
             invisible: o(i) === o(X).INVISIBLE
           }
         ],
-        items: C.value,
+        items: v.value,
         "return-object": !1
-      }, o(_), {
-        label: o(_).label,
+      }, o(T), {
+        label: o(T).label,
         chips: "",
         "auto-select-first": !0,
-        "closable-chips": o(s) || o(l) && y.value.length > 1,
+        "closable-chips": o(s) || o(l) && k.value.length > 1,
         clearable: o(s),
         multiple: o(l),
-        loading: k.value,
+        loading: E.value,
         "hide-selected": !1,
-        "aria-describedby": o(_).helpText ? `${o(_).name}-help` : null,
+        "aria-describedby": o(T).helpText ? `${o(T).name}-help` : null,
         "menu-props": { maxHeight: "400" },
         "hide-details": "auto",
-        "onUpdate:search": D[1] || (D[1] = (S) => ce(S, void 0)),
+        "onUpdate:search": I[1] || (I[1] = (S) => ce(S, void 0)),
         "onUpdate:modelValue": A,
-        "onClick:clear": D[2] || (D[2] = (S) => y.value = null),
-        onBlur: D[3] || (D[3] = (S) => c.value = !0)
-      }), Pe({
-        chip: g(({ item: S }) => [
-          (V(), P(j, {
+        "onClick:clear": I[2] || (I[2] = (S) => k.value = null),
+        onBlur: I[3] || (I[3] = (S) => c.value = !0)
+      }), De({
+        chip: w(({ item: S }) => [
+          (V(), D(C, {
             key: S.value,
             label: "",
             size: "small",
@@ -2403,74 +2380,74 @@ const Zo = {
             closable: o(l),
             "onClick:close": (ie) => K(S.value)
           }, {
-            prepend: g(() => {
+            prepend: w(() => {
               var ie;
               return [
-                (ie = S.raw) != null && ie.icon ? (V(), P(o(be), {
+                (ie = S.raw) != null && ie.icon ? (V(), D(o(be), {
                   key: 0,
                   class: "me-1",
                   name: S.raw.icon
-                }, null, 8, ["name"])) : H("", !0)
+                }, null, 8, ["name"])) : U("", !0)
               ];
             }),
-            default: g(() => [
-              ae("span", {
-                class: q({ "text-body-1": !o(l) })
-              }, Se(S.title), 3)
+            default: w(() => [
+              le("span", {
+                class: Y({ "text-body-1": !o(l) })
+              }, Pe(S.title), 3)
             ]),
             _: 2
           }, 1032, ["variant", "closable", "onClick:close"]))
         ]),
-        label: g((S) => [
-          I(o(le), {
+        label: w((S) => [
+          B(o(re), {
             data: S,
-            label: o(b)
+            label: o(d)
           }, null, 8, ["data", "label"])
         ]),
-        item: g(({ props: S, item: ie }) => [
-          I(Z, ee(te(S)), {
-            prepend: g(() => {
-              var Ee;
+        item: w(({ props: S, item: ie }) => [
+          B(J, te(ne(S)), {
+            prepend: w(() => {
+              var xe;
               return [
-                (Ee = ie.raw) != null && Ee.icon ? (V(), W("span", Zo, [
-                  I(o(be), {
+                (xe = ie.raw) != null && xe.icon ? (V(), W("span", Zo, [
+                  B(o(be), {
                     class: "action-icon",
                     name: ie.raw.icon
                   }, null, 8, ["name"])
-                ])) : H("", !0)
+                ])) : U("", !0)
               ];
             }),
             _: 2
           }, 1040)
         ]),
-        message: g(({ message: S }) => [
-          I(o(re), {
+        message: w(({ message: S }) => [
+          B(o(q), {
             message: S,
-            errors: o(m)
+            errors: o(y)
           }, null, 8, ["message", "errors"])
         ]),
         _: 2
       }, [
-        B.$slots["append-inner"] ? {
+        _.$slots["append-inner"] ? {
           name: "append-inner",
-          fn: g((S) => [
-            se(B.$slots, "append-inner", ee(te(S)))
+          fn: w((S) => [
+            se(_.$slots, "append-inner", te(ne(S)))
           ]),
           key: "0"
         } : void 0,
-        B.$slots["prepend-inner"] ? {
+        _.$slots["prepend-inner"] ? {
           name: "prepend-inner",
-          fn: g((S) => [
-            se(B.$slots, "prepend-inner", ee(te(S)))
+          fn: w((S) => [
+            se(_.$slots, "prepend-inner", te(ne(S)))
           ]),
           key: "1"
         } : void 0
-      ]), 1040, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : H("", !0);
+      ]), 1040, ["modelValue", "class", "items", "label", "closable-chips", "clearable", "multiple", "loading", "aria-describedby"])) : U("", !0);
     };
   }
-}), ea = /* @__PURE__ */ O({
+}), ea = /* @__PURE__ */ H({
   __name: "df-text-area",
-  props: /* @__PURE__ */ Y({
+  props: /* @__PURE__ */ Q({
     rows: {},
     maxRows: {},
     control: {},
@@ -2487,54 +2464,55 @@ const Zo = {
     passthroughAttrs: {},
     density: {},
     variant: {}
-  }, U(x({}, Q), {
+  }, O(x({}, Z), {
     rows: void 0,
     maxRows: void 0
   })),
   emits: ["update:modelValue", "click:clear"],
   setup(e, { emit: t }) {
-    const n = e, a = t, { densityClass: l, errors: r, label: s, touched: p, value: i, vuetifyBindings: d } = G(n, a), { cssClass: v, visibility: m } = je(n);
-    return (b, c) => {
-      const T = N("v-textarea");
+    const n = e, a = t, { densityClass: l, label: r, showErrors: s, touched: m, value: i, vuetifyBindings: p } = G(n, a), { cssClass: h, visibility: d } = Ce(n);
+    return (y, c) => {
+      const j = N("v-textarea");
       return V(), W("div", {
-        class: q(["df-textarea-container", o(l)])
+        class: Y(["df-textarea-container", o(l)])
       }, [
-        o(m) !== o(X).SUPPRESS ? (V(), P(T, R({
+        o(d) !== o(X).SUPPRESS ? (V(), D(j, R({
           key: 0,
           modelValue: o(i),
-          "onUpdate:modelValue": c[0] || (c[0] = (_) => oe(i) ? i.value = _ : null),
+          "onUpdate:modelValue": c[0] || (c[0] = (T) => ae(i) ? i.value = T : null),
           class: [
-            o(v),
+            o(h),
             {
-              "d-none": o(m) === o(X).HIDDEN,
-              invisible: o(m) === o(X).INVISIBLE
+              "d-none": o(d) === o(X).HIDDEN,
+              invisible: o(d) === o(X).INVISIBLE
             }
           ],
-          rows: b.rows,
-          "auto-grow": (b.maxRows || 0) > 0,
-          "max-rows": b.maxRows
-        }, o(d), {
-          onBlur: c[1] || (c[1] = (_) => p.value = !0)
+          rows: y.rows,
+          "auto-grow": (y.maxRows || 0) > 0,
+          "max-rows": y.maxRows
+        }, o(p), {
+          onBlur: c[1] || (c[1] = (T) => m.value = !0)
         }), {
-          label: g((_) => [
-            I(o(le), {
-              data: _,
-              label: o(s)
+          label: w((T) => [
+            B(o(re), {
+              data: T,
+              label: o(r)
             }, null, 8, ["data", "label"])
           ]),
-          message: g(({ message: _ }) => [
-            I(o(re), {
-              message: _,
-              errors: o(r)
+          message: w(({ message: T }) => [
+            B(o(q), {
+              message: T,
+              errors: o(s)
             }, null, 8, ["message", "errors"])
           ]),
           _: 1
-        }, 16, ["modelValue", "class", "rows", "auto-grow", "max-rows"])) : H("", !0)
+        }, 16, ["modelValue", "class", "rows", "auto-grow", "max-rows"])) : U("", !0)
       ], 2);
     };
   }
 }), ta = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  DFInputHint: q,
   DfActions: Uo,
   DfCheckbox: Ho,
   DfColor: Oo,
@@ -2570,17 +2548,18 @@ const Zo = {
   VTextField: An,
   VTextarea: $n,
   VTimePicker: Nn
-}, Symbol.toStringTag, { value: "Module" })), Ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Fa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), La = {
+}, Symbol.toStringTag, { value: "Module" })), Ma = {
   install: (e, t) => {
     var n, a;
-    e.use(Gn), e.provide(nt, t != null ? t : {}), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(ta).map(([l, r]) => e.component(l, r)), (a = t == null ? void 0 : t.registerVuetifyComponents) != null && a && Object.entries(na).map(([l, r]) => e.component(l, r));
+    e.use(Gn), e.provide(et, t != null ? t : {}), (n = t == null ? void 0 : t.registerComponents) != null && n && Object.entries(ta).map(([l, r]) => e.component(l, r)), (a = t == null ? void 0 : t.registerVuetifyComponents) != null && a && Object.entries(na).map(([l, r]) => e.component(l, r));
   }
 };
 export {
-  ke as Action,
+  ye as Action,
   z as ActionDisplayStyle,
+  q as DFInputHint,
   So as DateTimeLocaleConfig,
   Uo as DfActions,
   Ho as DfCheckbox,
@@ -2588,29 +2567,29 @@ export {
   Ro as DfDateTime,
   Wo as DfFile,
   zo as DfInput,
-  Ma as DfInputComponentProps,
+  Fa as DfInputComponentProps,
   ta as DfInputComponents,
-  le as DfLabel,
+  q as DfInputHint,
+  re as DfLabel,
   Yo as DfRtfEditor,
   Jo as DfSelect,
   ea as DfTextArea,
-  La as DynamicFormsInputs,
-  xe as InputBase,
+  Ma as DynamicFormsInputs,
+  Se as InputBase,
   xo as Label,
-  re as MessagesWidget,
-  Mo as ResponsiveActionRenderOptions,
+  Fo as ResponsiveActionRenderOptions,
   $o as ResponsiveRenderOptions,
   na as VuetifyComponents,
-  Ve as ckEditorLanguage,
-  Q as defaultBaseProps,
-  ze as defaultDisplayStyle,
+  ke as ckEditorLanguage,
+  Z as defaultBaseProps,
+  We as defaultDisplayStyle,
   Ao as getBreakpointName,
-  Ke as responsiveBreakpoints,
+  ze as responsiveBreakpoints,
   Na as setCkEditorLanguage,
   $ as translatableStrings,
   Aa as translateStrings,
   No as useBreakpoint,
   G as useInputBase,
-  nt as vuetifyInputsSettingsKey
+  et as vuetifyInputsSettingsKey
 };
 //# sourceMappingURL=dynamicforms-vuetify-inputs.js.map